<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="/main/css/layout.css" rel="stylesheet" type="text/css" />
<link href="/main/css/jquery.jscrollpane.lozenge.css" rel="stylesheet" type="text/css" />
<link href="/main/css/jquery.jscrollpane.css" rel="stylesheet" type="text/css" />
<style type="text/css">
  .pic img{
      width: 55px;
      height: 55px;
  }
  #m1{
    width: 100%;
    height: 1000px;
  }
  #gowhere{
    padding-top: 50px;
    margin-left: 50px;
  }
  .place{
    width: 200px;
    height: 160px;
    border-right: 20px;
    margin: 20px 20px;
    float: left;
  }
  .place div{
    border: 1px solid white;
    width: 198px;
    height: 158px;
    line-height: 160px;
    cursor: pointer;
  }
  .place div span{
    font-size: 20px;
    color: white;
    display:block;
    text-align:center;
    cursor: pointer;
  }
  .place div span:hover{
      animation:td 1s cubic-bezier(0.5,0.5,0.5,0.5) infinite;
  }
  @keyframes td{
      50% {
          font-size: 40px;
      }
      100% {
          font-size: 20px;
      }
  }
  #m2{
    width: 100%;
    height: 1000px;
  }
  #msg_board{
      padding-top: 50px;
      margin-left: 50px;
      width: 1500px;
      margin: 0 auto;
  }
  #title{
      width: 100%;
      height: 50px;
      line-height: 50px;
  }
  #title span{
      font-size: 35px;
      display:block;
      text-align:center;
  }
  #message{
      margin: 0 auto;
      width: 1200px;
      height: 400px;
      overflow-y:scroll;
      border-right: 20px;
  }
  .message{
      width: 1000px;
      height: 150px;
      margin: 0 auto;
      border: 2px #c2be9e solid;
      border-radius: 10px;
      margin-top: 25px;
  }
  .msg_l{
      margin-top: 10px;
      float: left;
      margin-left:10px;
      width: 130px;
      height: 130px;
  }
  .msg_img_d{
      margin: 0 auto;
      width: 100px;
      height: 100px;
      border: 1px black solid;
  }
  .msg_img{
      width: 100px;
      height: 100px;
  }
  .msg_name{
      margin: 0 auto;
      width: 130px;
      height: 20px;
      font-size: 15px;
      display:block;
      text-align:center;
  }
  .msg_text_d{
      width: 798px;
      height: 120px;
      float: left;
      border: 1px black solid;
      margin-left: 50px;
      margin-top: 15px;
      border-radius: 5px;
  }
  .msg_text{
      margin-top: 10px;
      margin-left: 10px;
  }
  #send{
      margin: 0 auto;
      width: 80%;
      height: 120px;
  }
  #send_text{
      margin-top: 20px;
      margin-left: 20px;
      height:80px;
      width: 85%;
      float: left;
      resize: none;
  }
  #send_btn{
      width: 10%;
      height:80px;
      margin-top: 20px;
      margin-left: 20px;
      float: left;
      cursor: pointer;
  }
  #m3{
    width: 100%;
    height: 1000px;
  }
</style>
</head>
<body>
<!--背景-->
<div class="background"><img src="/main/img/bg1.jpg" alt="加载中" /><div class="logo"></div></div>
<!--主内容开始-->
<div id="container">
  <div id="head">
    <a href="#" class="arrange" id="arrange"></a>
    <div class="h-right">
      <a href="main.html" class="home"></a>
      <img src="/main/img/line.png" width="2" height="50" alt="" />
      <a href="#" class="cloud" id="cloud">
      <div class="same">云同步</div>
      </a>
      <img src="/main/img/line.png" width="2" height="50" alt="" />
      <a href="#" class="bell"><span class="tip">3</span></a>
      <img src="/main/img/line.png" width="2" height="50" alt="" />
      <div class="user">
        <div class="pho"><img id="img" src="/userimg/undefined.jpg" width="52" height="50" alt="" /></div>
        <span id="name">[[*{session.user.user_name}]]
          <div class="user-info" id="twodm">
            <div class="jtt"></div>
            <div class="menu">
              <div class="first">
                <a href="javaScript:void(0)" onclick="changeUserImg()">修改头像</a>
              </div>
              <div class="second">
                <a href="#">通知<em>3</em></a>
              </div>
              <a href="gologout" class="quit" >退出</a>
            </div>
          </div>
        </span>
      </div>
      <img src="/main/img/line.png" width="2" height="50" alt="" />
      <a href="#" class="notice" id="notice"></a> 
    </div>
  </div>
  <!--侧边栏-右-->
  <div class="side-bar" id="side-bar">
    <div class="side-bar-in">
      <ul class="tab">
        <li class="title vtitle">
          <a href="#" class="lianxi"></a>
        </li>
        <li class="title">
          <a href="#" class="heart"></a>
        </li>
        <li class="title">
          <a href="#" class="setting"></a>
        </li>
        <div class="vcon vcon1" id="vcon" style="display:block;" >
          <ul>
            <li class="xuanz" th:each="user,userStat:${application.userlist}">
              <div class="pic"><img th:src="${user.user_img_path}+${user.user_img_name}"></div>
              <span>
                <h4 th:text="${user.user_name}"></h4>
                <p th:text="${user.user_status}"></p>
              </span>
              <a href="#" class="v-big"></a>
          </ul>
        </div>
        <div class="vcon">2</div>
        <div class="vcon">
          <div class="block">
            <span>背景颜色选择</span>
            <a href="#" class="dot" id="blue"><img src="/main/img/blue_dot.png" width="14" height="14" alt="" /></a>
            <a href="#" class="dot" id="pink"><img src="/main/img/pink_dot.png" width="14" height="14" alt="" /></a>
            <a href="#" class="dot" id="green"><img src="/main/img/green_dot.png" width="14" height="14" alt="" /></a>
          </div>
<!--          <div class="block">-->
<!--            <span>显示不在线医生</span>-->
<!--            <a href="#" class="off" id="off"></a>-->
<!--          </div>-->
<!--          <div class="block">-->
<!--            <span>消息提示</span>-->
<!--            <a href="#" class="open" id="open"></a>-->
<!--          </div>-->
        </div>
      </ul>
    </div>
  </div>
  <!--左侧栏begin-->
  <div class="left-bar" id="left-bar">
    <ul>
<!--      <li><a href="#" class="synergy">医技协同<em>医技协同</em></a></li>-->
<!--      <li><a href="#" class="movie">影像诊断<em>影像诊断</em></a></li>-->
<!--      <li><a href="#" class="computer">预约协同<em>预约协同</em></a></li>-->
<!--      <li><a href="#" class="drug">预交金管理<em>预交金管理</em></a></li>-->
<!--      <li><a href="#" class="results">个人绩效<em>个人绩效</em></a></li>-->
    </ul>
  </div>
  <!--左侧栏end-->
  <!--模块-->
  <div id="main"> 
    <div class="left-side">
       <div class="main_visual">
          <a href="javascript:;" id="btn_prev"></a>
          <a href="javascript:;" id="btn_next"></a>
          <div class="main_image">
              <ul>
                  <li>
                    <div id="m1">
                      <div id="gowhere">
                        <div class="place">
                          <div style="background-color: #01aaed" onclick="goVideo()">
                            <span>观影厅</span>
                          </div>
                        </div>
                          <div class="place">
                              <div style="background-color: #01aaed" onclick="goShaolei()">
                                  <span>扫雷</span>
                              </div>
                          </div>
                          <div class="place">
                              <div style="background-color: #01aaed" onclick="goSnake()">
                                  <span>贪吃蛇</span>
                              </div>
                          </div>
                          <div class="place">
                              <div style="background-color: #01aaed" onclick="goWuZiQi()">
                                  <span>五子棋</span>
                              </div>
                          </div>
                          <div class="place">
                              <div style="background-color: #01aaed" onclick="goJJTing()">
                                  <span>竞技厅</span>
                              </div>
                          </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div id="m2">
                        <div id="msg_board">
                            <div id="title">
                                <span>留言板</span>
                            </div>
                            <div id="message">
                                <div class="message">
                                    <div class="msg_l">
                                        <div class="msg_img_d">
                                            <img class="msg_img" src="/userimg/undefined.jpg"/>
                                        </div>
                                        <div>
                                            <span class="msg_name">你的名字</span>
                                        </div>
                                    </div>
                                    <div class="msg_text_d">
                                      <span class="msg_text">
                                        我要更美丽的界面
                                      </span>
                                    </div>
                                </div>
                                <div class="message" th:each="msgBoard,msgBoardStat:${application.msgBoards}">
                                    <div class="msg_l">
                                        <div class="msg_img_d">
                                            <img class="msg_img" th:src="${msgBoard.user.user_img_path}+${msgBoard.user.user_img_name}"/>
                                        </div>
                                        <div>
                                            <span class="msg_name" th:text="${msgBoard.user.user_name}"></span>
                                        </div>
                                    </div>
                                    <div class="msg_text_d">
                                        <span class="msg_text" th:text="${msgBoard.msg_content}"></span>
                                    </div>
                                </div>
                            </div>
                            <div id="send">
                                <textarea id="send_text" maxlength="80"></textarea>
                                <button id="send_btn" onclick="send()">发送</button>
                            </div>
                        </div>
                    </div>
                  </li>
                  <li>
                    <div id="m3">

                    </div>
                  </li>
              </ul> 
          </div>
      </div>
    </div>
  </div>
</div>
<!--主内容结束-->
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
</body>

<script src="/main/js/jquery-1.7.1.min.js" language="javascript" type="text/javascript"></script>
<script src="/main/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="/main/js/jquery.jscrollpane.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/main/js/jquery.event.drag-1.5.min.js"></script>
<script type="text/javascript" src="/main/js/jquery.touchSlider.js"></script>
<script type="text/javascript" src="/main/js/jquery.nicescroll.js"></script>
<script src="/main/js/slide.js" language="javascript" type="text/javascript"></script>

<script th:inline="javascript">
    function setImg(){
        var imgObjPreview=document.getElementById("img");
        imgObjPreview.src = [[*{session.user.user_img_path}]] + [[*{session.user.user_img_name}]] ;
    }
</script>
<script type="text/javascript">
    $(function() {
        init();
    })
    function init() {
        setImg();
    }
    function goVideo() {
        location.href = "goVideo";
    }
    function goShaolei(){
        location.href = "goShaolei";
    }
    function goSnake(){
        location.href = "goSnake";
    }
    function goWuZiQi(){
        location.href = "goWuZiQi";
    }
    function goDouChong(){
        location.href = "goDouChong";
    }
    function goJJTing(){
        location.href = "goDaTing";
    }
    function send(){
        var text = $('#send_text').val();
        if(text!=""||text!=null){
            $.ajax({
                type:"post",//请求类型
                url:"addMsgBoard",//请求地址
                dataType:"json",//交互的数据类型
                data:{
                    msg_content:text
                },
                cache:false,//去除请求的缓存
                success:function(){
                    alert("发送成功");
                    location.reload();
                }
            });
        }else{
            alert("请输入发送内容");
        }
    }

    function changeUserImg(){
        location.href = "goChangeUserImg";
    }
</script> 

</html>
